﻿<!DOCTYPE html>
<html>
<head>
<title>{$org.org_platformname}</title>
<vt:include file="inc/meta.inc" />
<link href="Styles/Default.css?ver={$version}" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="Scripts/Default.js?ver={$version}"></script>
<script type="text/javascript" src="Scripts/slider.js?ver={$version}"></script>
</head>
<body>
<vt:include file="inc/Header.html" />
<!--第一行 -->
<div id="FirstBox">
 <div id="banner_tabs" class="flexslider">
  <ul class="slides">
    <vt:list type="showpic" var="show" site="web" item="sp" index="j">
      <li style="background:{$:sp.shp_bgColor};"> <a title="" href="{$:sp.shp_url}"  target="{$:sp.shp_target}"> <img alt="{$:sp.shp_title}" background="{$:sp.shp_file}"  src="images/alpha.png"/> </a> </li>
      <vt:listelse />     
      <li style="background:#fff;"> <a title="" href="#"> <img alt="" background="myFocus/1.jpg" src="images/alpha.png"/> </a> </li>
      <li style="background:#e2f1f6;"> <a title="" href="#"> <img alt="" background="myFocus/2.jpg"  src="images/alpha.png"/> </a> </li>
      <li style="background:#e2f1f6;"> <a title="" href="#"> <img alt="" background="myFocus/3.jpg"  src="images/alpha.png"/> </a> </li>
      <li style="background:#e2f1f6;"> <a title="" href="#"> <img alt="" background="myFocus/4.jpg"  src="images/alpha.png"/> </a> </li>
    </vt:list>
  </ul>
  <ul class="flex-direction-nav">
    <li><a class="flex-prev" href="javascript:;">Previous</a></li>
    <li><a class="flex-next" href="javascript:;">Next</a></li>
  </ul>
  <ol id="bannerCtrl" class="flex-control-nav flex-control-paging">
    <vt:foreach from="$show" item="sp" index="j">
      <li><a>{$:j}</a></li>
      <vt:foreachelse />
      <li><a>1</a></li>
      <li><a>2</a></li>
     <li><a>3</a></li>
    <li><a>4</a></li>
    </vt:foreach>
  </ol>
</div>
<script type="text/javascript">
        $(function () {
            $(".slides a img").each(function (index, element) {
                var src = $(this).attr("background");
                $(this).css("background", "url(" + src + ") no-repeat center");
            });
            var bannerSlider = new Slider($('#banner_tabs'), {
                time: 3000,
                delay: 300,
                event: 'hover',
                auto: true,
                mode: 'fade',
                controller: $('#bannerCtrl'),
                activeControllerCls: 'active'
            });
            $('#banner_tabs .flex-prev').click(function () {
                bannerSlider.prev()
            });
            $('#banner_tabs .flex-next').click(function () {
                bannerSlider.next()
            });
        })
    </script> 
<!--轮换图片结束-->

</div>
<div id="Context">
  <!--第二行 -->
  <div id="SecondBox">
    <div class="boxBar">
      <div class="title"> 热门课程</div>
      <div class="more"><em class="icoMore">&nbsp;</em> <a href="/Courses.ashx">更多课程</a></div>
    </div>
    <div class="courseList">
      <div class="courseListInner">
         <vt:list type="course" item="data" index="i" count="8" order="flux"  remark="课程">
          <div class="item" couid="{$:#.data.cou_id}"> <a href="/course.ashx?id={$:#.data.cou_id}" title="{$:#.data.cou_name}"><img src="{$:#.data.cou_logosmall}"  default="images/cou_nophoto.jpg"/> </a>
           <div class="itemMark"></div>
            <div class="itemInfo">
               <a href="/course.ashx?id={$:#.data.cou_id}" title="{$:#.data.cou_name}">
               <vt:if var="data.Cou_ExistLive" value="true" compare="=" remark="直播">
                 <div class="live" title="直播课"></div>
                 </vt:if>
               {$:#.data.cou_name}</a>
              <div class="itemDetails">主讲：{$:#.data.th_name}<br />
{$:#.data.Cou_Intro}</div>
            </div>
          </div>
        </vt:list>
      </div>
    </div>
  </div>
  <!-- 第三行 -->
  <div id="ThirdBox">
    <div class="ThirdBoxInner">
      <div id="newsBox" class="box">
        <div class="boxBar">
          <div class="title"> 资讯</div>
          <div class="more"> <a href="/news.ashx">更多&gt;&gt;</a></div>
        </div>
        <div class="newslist">
            <vt:list type="news" var="newsImg" item="data"  index="i" count="10" remark="资讯">
            <div class="item" artid="{$:#.data.art_id}">
              <div class="newsItem"> <a href="../../article.ashx?id={$:#.data.art_id}" title="{$:#.data.art_title}">{$:#.data.art_title}</a> </div>
              <div class="newsTime">{$:#.data.art_pushTime  format="[MM-dd]"}</div>
            </div>
          </vt:list>
        </div>
      </div>
      <div id="newsBox" class="box">
        <div class="boxBar">
          <div class="title"> 通知公告</div>
          <div class="more"> <a href="/Notices.ashx">更多&gt;&gt;</a></div>
        </div>
        <div class="newslist">
          <vt:list type="notice" item="data" index="i" count="10">
            <div class="item" noid="{$:#.data.no_id}">
              <div class="newsItem"><a href="/notice.ashx?id={$:#.data.no_id}" title="{$:#.data.no_ttl}"> {$:#.data.no_ttl}</a> </div>
              <div class="newsTime">{$:#.data.no_startTime  format="[MM-dd]"}</div>
            </div>
          </vt:list>
        </div>
      </div>
      <div id="teacherBox" class="box">
        <div class="boxBar">
          <div class="title"> 教师风采</div>
          <div class="more"> <a href="/teacher/list.ashx">更多&gt;&gt;</a></div>
        </div>
        <div class="thlist">
          <div class="thlistInner">
            <vt:list type="teacher" var="t" item="data"  index="i" count="4" remark="教师">
              <div class="itemTeacher" style="background-image: url({$:#.data.th_photo})" href="/teacher/Detail.ashx?id={$:#.data.th_id}">
                <div class="mark">&nbsp; </div>
                <div class="thInfo">
                  <div class="thName">{$:#.data.th_name}</div>
                </div>
              </div>
            </vt:list>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<vt:include file="inc/footer.html" />
</body>
</html>
